<template>
  <div>
    <basic-container>内容管理 / 马甲管理 / 编辑</basic-container>
    <avue-form
      :option="option"
      v-model="obj"
      @submit="submit"
      @error="error"
    >
    
    </avue-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: {
        insetId: "",
      },
      option: {
        column: [
          {
            type: "input",
            label: "马甲昵称",
            span: 10,
            display: true,
            prop: "nickname",
          },
          {
            type: "upload",
            label: "马甲头像",
            span: 16,
            display: true,
            showFileList: true,
            multiple: true,
            limit: 10,
            propsHttp: {},
            canvasOption: {},
            prop: "imageUrl",
          },
        ],
        labelPosition: "right",
        labelSuffix: "：",
        labelWidth: 150,
        menuBtn: true,
        submitBtn: true,
        submitText: "提交",
        emptyBtn: true,
        emptyText: "清空",
        menuPosition: "center",
      },
    };
  },
  methods: {
    submit(form, done) {
        // 马甲昵称/头像不能为空
      this.$message.success(JSON.stringify(form));
      done();
    },
    error(err) {
      this.$message.success("请查看控制台");
      
    },
  },
};
</script>

<style>
</style>